<template>
  <div class="example">
    <div class="top">
      top
      {{ msg }}
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        msg: '小院生活欢迎您!!!',
      }
    }
  }
</script>

<style>
  body {
    margin: 0;
  }

  .example {
    color: red;
  }

  .top {
    width: 100%;
    height: 100px;
    background: red;
    color:yellow;
    line-height: 100px;
  }
</style>